$(function(){
    /* 1. 展示购物车商品  */
    mui.init({ // 1.1 完成下拉刷新效果
        /*拉动刷新组件*/
        pullRefresh:{
            /*目标容器*/
            container:".mui-scroll-wrapper",
            /*下拉*/
            down:{
                /*默认下拉一次*/
                auto:true,
                /*下拉操作后的回调函数*/
                callback:function(){
                    // 1.2 完成数据获取
                    getCartData(function(data){
                        // 1.3 展示商品
                        $('.mui-table-view').html(template('cart',data))
                        // 1.4 清除加载效果
                        this.endPulldownToRefresh()
                    }.bind(this))
                }
            }
        }
    })
    
    /* 2. 删除操作*/
    $('.mui-table-view').on('tap','.mui-btn-red', function() {
    	var id = $(this).data('id')
	   	// 2.1 弹出确认删除提醒框
	   	mui.confirm('确定要删除吗？', '温馨提示', ['确定','取消'], function(e) {
            if (e.index == 0) {
                /*按了第一个按钮*/
                // 2.2 确定删除 发请求删除
                lt.ajaxFilter({
			        type:'get',
			        url:'/cart/deleteCart',
			        data:{
			            id: id
			        },
			        dataType:'json',
			        success:function(res){
			        	if(res.success) {
			        		mui.toast('操作成功')
			        		// 2.3 重新渲染数据
			        		getCartData(function(res){
		                        $('.mui-table-view').html(template('cart',res))
		                   })
			        	}
			            
			        }
			    })
               
            } else {
                /*按了其他按钮 暂时处理*/
            }
		})
    })
    
    /* 3. 编辑操作 */
    $('.mui-table-view').on('tap','.mui-btn-blue', function(){
    	// 3.1 获取data数据
    	var obj = this.dataset // HTML5自定义属性对象Dataset  获取所有data属性的一个集合
    	// console.log(obj) // {id: "2", size: "45", productsize: "35-45", num: "2", productnum: "20"}
    	mui.confirm(template('edit',obj).replace(/\n/g,''), '编辑商品', ['确定','取消'], function(e) {
            if (e.index == 0) {
                // 3.2 确定之后 发送请求
                lt.ajaxFilter({
                    type: 'post',
                    url: '/cart/updateCart',
                    data:{
                        id: obj.id,
                        size: $('.lt_cart_edit span.now').html(),
                        num: $('.mui-numbox input').val()
                    },
                    dataType: 'json',
                    success: function(res){
                        if (res.success) {
                            mui.toast('操作成功');
                            // 3.3 重新渲染
                            getCartData(function(res){
                                $('.mui-table-view').html(template('cart',res))
                            })
                            
                        }
                    }
                })
            }
        })
    	// 3.4 初始化数量功能
    	mui('.mui-numbox').numbox()
    	// 3.5 选择修改的尺码 排他功能
    	$('.lt_cart_edit').on('tap','span',function(){
            $(this).addClass('now').siblings().removeClass('now')
        })
    })
    
    /* 4. 总额计算 */
    $('.mui-table-view').on('change', 'input[type="checkbox"]', function() {
    	setAllPrice()
    })
})


var getCartData = function(callback){
    /*不做分页查询*/
    lt.ajaxFilter({
        type:'get',
        url:'/cart/queryCartPaging',
        data:{
            page:1,
            pageSize:66
        },
        dataType:'json',
        success:function(res){
            setTimeout(function(){
                callback && callback(res)
                // 删除和编辑 都  重新设置总价
                setAllPrice()
            },500)
        }
    })
}

var setAllPrice = function() {
	var amount = 0
	$('.mui-table-view input:checked').each(function(index, item){
		var num = $(this).data('num')
		var price = $(this).data('price')
		amount += num * price
	})
	// 将总价格设置到页面上
	amount = parseInt(amount * 10) /10
	console.log(amount)
	$('.lt_cart span').html(amount)
}
